<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:fragment="page">
    <!--  分页  -->
    <nav align="center">
        <ul class="pagination">
            <li v-if="query.page != 1">
                <a href="javascript:;" @click="page(query.page - 1)">
                    <span><i class="mdi mdi-chevron-left"></i></span>
                </a>
            </li>
            <li v-else></li>
            <li v-for="pageNumber in data.page">
                <a href="javascript:;" @click="page(pageNumber)">
                    {{pageNumber}}
                </a>
            </li>
            <li v-if="query.page < data.page">
                <a href="javascript:;" @click="page(query.page + 1)">
                    <span><i class="mdi mdi-chevron-right"></i></span>
                </a>
            </li>
            <li>
                <span>当前页:{{query.page}}</span>
            </li>
        </ul>
    </nav>
</div>
<html>